.chess {
    width: 50px;
    height: 50px;
    // outline: 2px solid lightgray;
    border: 2px solid lightgray;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    .chess-item {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        &.red {
            background-image: radial-gradient(#ffff, #f20);
        }
        &.black {
            background-image: radial-gradient(#ffff, #000);
        }
    }
}